.confirm-order-container {
	padding: 30rpx 22rpx;
	padding-bottom: 194rpx;
}

.flex {
	display: flex;
}

.items-center {
	align-items: center;
}

.card-box {
	// padding: 24rpx 18rpx;
	background-color: #fff;
	border-radius: 20rpx;
}

.gap {
	width: 100%;
	height: 2rpx;
	background-color: #F8F8F8;
}

.row-b {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.icon-40 {
	width: 40rpx;
	height: 40rpx;
}

.icon-32 {
	width: 32rpx;
	height: 32rpx;
}

.icon-24 {
	width: 24rpx;
	height: 24rpx;
	image{
		width: 100%;
		height: 100%;
	}
}

.order-address {
	display: flex;
	justify-content: space-between;
}

.order-address-icon {
	width: 40rpx;
	height: 40rpx;
}

.order-address-info {
	flex: 1;
	display: flex;
	margin-left: 24rpx;
	align-items: center;
}

.order-address-info-box {
	flex: 1;
	margin-right: 24rpx;
	font-weight: bold;
	color: #333333;
}

.order-address-info-city {
	font-size: 30rpx;
}

.order-address-info-area {
	font-size: 32rpx;
	margin-top: 12rpx;
}

.order-address-info-user {
	font-size: 26rpx;
	margin-top: 10rpx;
}

.order-address-info-right {
	width: 40rpx;
	height: 40rpx;
}

.order-service-time {
	display: flex;
	align-items: center;
}

.order-service-time-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-left: 24rpx;
	flex: 1;
}

.order-service-time-label {
	font-weight: bold;
	font-size: 30rpx;
	color: #333333;
	width: 120rpx;
}

.order-service-time-right {
	display: flex;
	font-weight: 400;
	font-size: 24rpx;
	color: #999999;
	align-items: center;
}

.to-service-user-info-box {
	
}

.to-service-user-title {
	font-weight: bold;
	font-size: 36rpx;
	color: #333333;
}

.to-service-user-select {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.to-service-user-select-icon {
	width: 48rpx;
	height: 48rpx;
	margin-top: 44rpx;
}

.to-service-user-select-text {
	font-weight: bold;
	font-size: 30rpx;
	color: #333333;
	margin-top: 30rpx;
}

.service-select-box {
	display: flex;
	align-items: center;
	font-weight: bold;
	font-size: 30rpx;
	color: #333333;
	padding: 28rpx;
}

.service-select-right {
	flex: 1;
	margin-left: 14rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.service-goods-info-box {
	padding: 22rpx;
	
	.gap {
		margin: 30rpx 0;
	}
}

.service-goods-info-item {
	display: flex;
	justify-content: space-between;
}

.service-goods-info-item-image {
	width: 180rpx;
	height: 180rpx;
	border-radius: 20rpx;
	overflow: hidden;
}

.service-goods-info-item-right {
	flex: 1;
	margin-left: 24rpx;
	font-weight: bold;
	color: #333333;
}

.goods-info {
	display: flex;
	justify-content: space-between;
	font-size: 34rpx;
	align-items: center;
}

.goods-info-price {
	font-size: 42rpx;
	color: #FF2E2E;
}

.goods-info-price-pre {
	font-size: 34rpx;
}

.goods-sku {
	margin-top: 30rpx;
	font-size: 28rpx;
}

.service-goods-row-item {
	
}

.service-goods-row-item > .label {
	font-weight: bold;
	font-size: 34rpx;
	color: #333333;
}

.service-goods-row-item > .sub-label {
	font-weight: 400;
	font-size: 30rpx;
	color: #333333;
}

.switch-box {
	
}

.switch-box-title {
	font-weight: bold;
	font-size: 32rpx;
	color: #333333;
}

.switch-box-btns {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30rpx;
}

.switch-box-btn {
	width: 312rpx;
	height: 80rpx;
	background-color: #F5F5F5;
	border-radius: 80rpx 80rpx 80rpx 80rpx;
	text-align: center;
	line-height: 80rpx;
	font-weight: bold;
	font-size: 32rpx;
	color: #999999;
}

.switch-box-btn-active {
	color: #fff;
}

.upload-file-box {
	
}

.upload-file-btns {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: 40rpx;
}

.upload-file-btn {
	width: 208rpx;
	height: 208rpx;
}

.bottom-box {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	// height: 164rpx;
	background: #FFFFFF;
	box-shadow: 0rpx -4rpx 8rpx 2rpx rgba(0,0,0,0.05);
	padding: 20rpx;
	padding-top: 10rpx;
	padding-bottom: 58rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.bottom-all-money {
	font-weight: bold;
	font-size: 48rpx;
	color: #E72A2A;
	
	.pre {
		font-size: 24rpx;
		font-weight: 400;
	}
	
	.sufix {
		font-size: 28rpx;
	}
}

.bottom-confirm-btn {
	width: 276rpx;
	height: 96rpx;
	border-radius: 80rpx;
	text-align: center;
	line-height: 96rpx;
	font-weight: bold;
	font-size: 36rpx;
	color: #FFFFFF;
}

.sex-select-box {
	display: flex;
	align-items: center;
}

.sex-select-sexs {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1;
	margin-left: 100rpx;
}

.sex-item {
	font-weight: bold;
	font-size: 30rpx;
	color: #333333;
	display: flex;
	align-items: center;
}

.sex-icon {
	width: 48rpx;
	height: 48rpx;
	margin-right: 16rpx;
	image{
		width: 100%;
		height: 100%;
	}
}

.more-service-box-item {
	.title {
		font-weight: bold;
		font-size: 34rpx;
		color: #333333;
	}
	
	.more-swiper-box {
		
	}
}

.more-swiper_H {
	white-space: nowrap;
	width: 100%;
}

.more-swiper-item_H {
	display: inline-block;
	margin-right: 32rpx;
	width: max-content;
}

.switch-textarea {
	height: 194rpx;
	background: #F8F8F8;
	border-radius: 20rpx 20rpx 20rpx 20rpx;
	width: 100%;
	padding: 20rpx;
	box-sizing: border-box;
}

.coupon-popup{
		padding: 40rpx 0 0;
		background-color: #FFFFFF;
		.title{
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			text{
				font-weight: bold;
				font-size: 32rpx;
				color: #000000;
				line-height: 44rpx;
			}
			image{
				width: 32rpx;
				height: 32rpx;
				position: absolute;
				right: 30rpx;
				top: 0;
			}
		}
		.tab{
			display: flex;
			align-items: center;
			padding: 46rpx 62rpx 56rpx;
			justify-content: space-between;
			box-sizing: border-box;
			background-color: #ffffff;
			.item{
				text{
					font-weight: 400;
					font-size: 32rpx;
					color: #999999;
					line-height: 44rpx;
					position: relative;
				}
				&.select{
					text{
						font-weight: bold;
						color: #E72A2A;
					}
					text::before{
						position: absolute;
						content: '';
						width: 72rpx;
						height: 8rpx;
						background: #E72A2A;
						border-radius: 8rpx 8rpx 8rpx 8rpx;
						top: calc(100% + 4rpx);
						left: 50%;
						transform: translateX(-50%);
					}
				}
			}
		}
		.coupon-box{
			padding: 0rpx 30rpx 38rpx;
			max-height: 680rpx;
			overflow-y: auto;
			.item{
				width: 100%;
				height: 186rpx;
				position: relative;
				&:not(:last-child){
					margin-bottom: 30rpx;
				}
				&>image.bg{
					width: 100%;
					height: 100%;
				}
				.c_num{
					position: absolute;
					left: 40rpx;
					top: 50%;
					transform: translateY(-50%);
					display: flex;
					flex-direction: column;
					align-items: center;
					.price{
						font-weight: bold;
						font-size: 48rpx;
						color: #FD845C;
						line-height: 66rpx;
						text{
							font-size: 30rpx;
						}
					}
					&>text{
						font-weight: 400;
						font-size: 20rpx;
						color: #666666;
						line-height: 28rpx;
						margin-top: 8rpx;
					}
				}
				.c_info{
					position: absolute;
					left: 204rpx;
					top: 50%;
					transform: translateY(-50%);
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					.xz{
						font-weight: 400;
						font-size: 22rpx;
						color: #333333;
						line-height: 32rpx;
					}
					.c_box{
						font-weight: 400;
						font-size: 20rpx;
						color: #666666;
						line-height: 28rpx;
						margin-top: 6rpx;
					}
					.time{
						font-weight: 400;
						font-size: 20rpx;
						color: #E72A2A;
						line-height: 28rpx;
						margin-top: 18rpx;
						display: flex;
						align-items: center;
						image{
							width: 16.37rpx;
							height: 12rpx;
							margin-left: 15rpx;
						}
					}
				}
				.checkImg{
					position: absolute;
					right: 30rpx;
					top: 50%;
					transform: translateY(-50%);
					width: 48rpx;
					height: 48rpx;
				}
				.not_use{
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background-color: rgba(0,0,0,0.4);
					display: flex;
					justify-content: flex-end;
					align-items: center;
					border-radius: 30rpx;
					button{
						width: 138rpx;
						height: 48rpx;
						background: #999999;
						border-radius: 48rpx;
						font-weight: bold;
						font-size: 26rpx;
						color: #FFFFFF;
						line-height: 48rpx;
						margin-right: 26rpx;
					}
				}
			}
		}
		
		.btn{
			padding: 20rpx 30rpx;
			// box-shadow: 0rpx -4rpx 8rpx 2rpx rgba(0,0,0,0.05);
			// background: #FFFFFF;
			.b-box{
				width: 100%;
				height: 96rpx;
			}
			button{
				width: 100%;
				height: 96rpx;
				background: linear-gradient( 90deg, #FFA233 0%, #FB4C4C 100%);
				border-radius: 80rpx 80rpx 80rpx 80rpx;
				font-weight: bold;
				font-size: 32rpx;
				color: #FFFFFF;
				line-height: 96rpx;
			}
		}
	}
	.pay-box{
		.top{
			padding: 48rpx 22rpx 0;
			image{
				width: 32rpx;
				height: 32rpx;
			}
		}
		.price{
			padding: 85rpx 0 0;
			.num{
				text-align: center;
				font-weight: 900;
				font-size: 68rpx;
				color: #FF2E2E;
				line-height: 68rpx;
				text{
					font-weight: 400;
					font-size: 30rpx;
				}
			}
		}
		.pay-type{
			padding: 83rpx 22rpx 0;
			.item{
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				&:not(:first-child){
					margin-top: 58rpx;
				}
				.left{
					display: flex;
					align-items: flex-start;
					image{
						width: 48rpx;
						height: 48rpx;
					}
					.name{
						display: flex;
						flex-direction: column;
						text{
							font-weight: bold;
							font-size: 32rpx;
							color: #000000;
							line-height: 48rpx;
							margin-left: 16rpx;
							&:nth-child(2){
								font-weight: bold;
								font-size: 26rpx;
								color: #000000;
								line-height: 36rpx;
								margin-top: 6rpx;
							}
						}
					}
				}
				.right{
					image{
						width: 48rpx;
						height: 48rpx;
					}
				}
			}
		}
		.btn{
			padding: 92rpx 30rpx 20rpx;
			// box-shadow: 0rpx -4rpx 8rpx 2rpx rgba(0,0,0,0.05);
			// background: #FFFFFF;
			.b-box{
				width: 100%;
				height: 96rpx;
			}
			button{
				width: 100%;
				height: 96rpx;
				background: linear-gradient( 90deg, #FFA233 0%, #FB4C4C 100%);
				border-radius: 80rpx 80rpx 80rpx 80rpx;
				font-weight: bold;
				font-size: 32rpx;
				color: #FFFFFF;
				line-height: 96rpx;
			}
		}
	}